<template>
	<div class="banner">
		<mt-swipe :auto="6000">
		    <mt-swipe-item v-for="(item, index) in bannerList" :key="index">
		    	<img :src="item.imgUrl" alt="轮播图" />
		    </mt-swipe-item>
		</mt-swipe>
	</div>
</template>

<script>
  import img from '../../../assets/img/banner.png'
	export default {
		data() {
			return {
				bannerList: [{
						imgUrl: img
					},
					{
						imgUrl: img
					},
					{
						imgUrl: img
					},
					{
						imgUrl: img
					},
					{
						imgUrl: img
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.banner {
		width: 100%;
		height: 12rem;
		background-color: #fff;
		img {
			display: block;
			width: 100%;
			height: 100%;
		}
	}
</style>
